<template>
  <div class="home">
    <p>{{msg}}</p>
     <div class="swipeBox">
      <mt-swipe :auto="4000">
        <mt-swipe-item>1</mt-swipe-item>
        <mt-swipe-item>2</mt-swipe-item>
        <mt-swipe-item>3</mt-swipe-item>
      </mt-swipe>
    </div>


    <mt-button type="default">default</mt-button>
    <mt-button type="primary">primary</mt-button>
    <mt-button type="danger">danger</mt-button>
  </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: 'home',
  data() {
    return {
      msg: 'welcome home'
    }
  },
  mounted() {
    this.test()
  },
  components: {
    
  },
  methods:{
    test(){
      // console.log('test')
      // console.log(this.http)

     
      // console.log('测试汉字转阿拉伯数字')
      // let param = { text : '四十' }
      // // 测试 post 请求
      // let url = 'http://127.0.0.1:3000/cntonum/test/'
      // this.http(url,'post',param,res=>{
      //  console.log('%c 测试nzh:结束','color:limegreen')
      //  console.log(res)
      // })

      // 测试 get 请求
      // let url = '/cntonum/testget/'
      // this.http(url,'get',param,res=>{
      //   console.log('%c 测试nzh: get 结束','color:limegreen')
      //   console.log(res)
      // })


    },
  }
}
</script>
<style scoped>
.swipeBox{
  width: 100%;
  height: 110px;
  border: 2px solid #000;
  box-sizing: border-box;
}
</style>